<template>
  <view class="article">
    <u-navbar :title-bold="true" title="公告通知详情" back-icon-color="#333" title-color="#000">
    </u-navbar>
    <view class="article-title">{{ info.title }}</view>
    <view class="article-time">{{ info.releaseTime }}</view>
    <view class="article-content" v-html="info.content"></view>
  </view>
</template>
<script>
  export default {
    data(){
      return {
        info: {}
      }
    },
    async onLoad(options) {
      const id = options.id
      const {body} = await this.$get(`/notice/announce/mobile/noticeDetail/${id}`)
      this.info = body
      this.$get(`/notice/announce/mobile/savaViewLog/${this.info.id}`)
    }
  }
</script>
<style lang="scss" scoped>
  .article{
    padding: 20rpx;
    .article-title{
      font-weight: bold;
      font-size: 32rpx;
    }
    .article-time{
      font-size: 20rpx;
      color: #666
    }
    .article-content{
      margin-top: 20rpx;
    }
  }
</style>